@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}

/* menu */
.menu{width:300px;height:300px;position:fixed;top:300px;left:650px;background:url(./images/menu.png) no-repeat;background-size:cover;cursor:move;}
*html .menu{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:340px;}

.menu .box{width:800px;height:800px;background:url(./images/m-bg.png) repeat;position:absolute;top:-88px;left:-30px;display:none;}
.menu .box a{background:url(./images/1.png) no-repeat;background-size:cover;position:absolute;width:300px;height:300px;margin-left:300px;margin-top:120px;}
.menu .box a:hover{background:url(./images/2.png) no-repeat;background-size:cover}
.menu .box .t1{background-position:0px 0px;width:100px;height:100px;margin-left:140px;margin-top:4px;}
.menu .box .t2{background-position:0px -80px;width:100px;height:100px;margin-left:180px;top:6px;}
.menu .box .t3{background-position:0px -160px;width:100px;height:100px;left:134px;top:84px;}
.menu .box .t4{background-position:0px -240px;width:100px;height:100px;left:126px;top:154px;}
.menu .box .t5{background-position:0px -320px;width:100px;height:100px;left:74px;top:189px;}
.menu .box .t6{background-position:0px -400px;width:100px;height:100px;left:3px;top:185px;}
.menu .box .t1:hover{background-position:0px 0px;}
.menu .box .t2:hover{background-position:0px -80px;}
.menu .box .t3:hover{background-position:0px -160px;}
.menu .box .t4:hover{background-position:0px -240px;}
.menu .box .t5:hover{background-position:0px -320px;}
.menu .box .t6:hover{background-position:0px -400px;}